import React from 'react'
import style from './style.module.scss'
import { NavLink } from 'react-router-dom'

interface IAccountSideBarProps {
    userId: string
}

export default function AccountSideBar(props: IAccountSideBarProps) {
    return (
        <div className={style.container}>
            <p>账户设置</p>
            <NavLink to={'/account_setting/profile/' + props.userId}>用户资料</NavLink>
            <NavLink to={'/account_setting/change_password/' + props.userId}>更改密码</NavLink>
            <NavLink to={'/account_setting/close_account/' + props.userId}>注销账号</NavLink>
        </div>
    )
}
